MouseOver スタイル

次の例は、PlotElement の Stock プロパティを Black に設定するスタイルを作成する方法を示します。

これは、要素上にマウスポインタを置くと外観が変更される MouseOver スタイルのサンプルです。

XAML	コードのコピー
<Window.Resources> ... <Style x:Key="mouseOver" TargetType="{x:Type c1c:PlotElement}"> <!-- デフォルトの黒色のアウトライン --> <Setter Property="Stroke" Value="Black" /> <Style.Triggers> <!-- 要素上にマウスを置くと太い赤色のアウトラインに変わる --> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Stroke" Value="Red" /> <Setter Property="StrokeThickness" Value="3" /> <Setter Property="Canvas.ZIndex" Value="1" />” </Trigger> </Style.Triggers> </Style> </Window.Resources>

XAML

コードのコピー

<Window.Resources>
      ...
      <Style x:Key="mouseOver" TargetType="{x:Type c1c:PlotElement}">
              <!-- デフォルトの黒色のアウトライン -->       
              <Setter Property="Stroke" Value="Black" />
              <Style.Triggers>
              <!-- 要素上にマウスを置くと太い赤色のアウトラインに変わる  -->
                      <Trigger Property="IsMouseOver" Value="true">
                              <Setter Property="Stroke" Value="Red" />
                              <Setter Property="StrokeThickness" Value="3" />
                              <Setter Property="Canvas.ZIndex" Value="1" />”
                      </Trigger>
              </Style.Triggers>
      </Style>
</Window.Resources>

メモ： x:Key を使用してスタイルを割り当てずに、スタイルの TargetType を PlotElement タイプに設定すると、このスタイルが両方の PlotElement 要素に適用されます。

使用可能なデータ系列にこの MouseOver スタイルに適用するには、次のように SymbolStyle プロパティを設定します。

XAML	コードのコピー
<c1c:DataSeries … SymbolStyle="{StaticResource mouseOver}"/>